<template>
  <div>
    <ZgDialog :width="view.width" :top="view.top" :title="view.title" :showFooter="false" v-model="visible">
      <div>
        <a-timeline>
          <a-timeline-item v-for="i in 4" :key="i">
            <p class="time">2015-06-08 09:50:06</p>
            <div class="fllow">
              <p class="name">客户发起流程</p>
              <p class="state">已退回</p>
            </div>
            <p class="des"><span>海明链接能源集团（山西）有限公司</span> 处理于 <span>2015-06-08 09:50:06</span></p>
            <p class="des">审批意见<span>未记录</span></p>
          </a-timeline-item>
        </a-timeline>
      </div>
    </ZgDialog>
  </div>
</template>
<script>
export default {
  props: {
    inputClick: {
      type: Function,
      default: (t) => {}
    }
  },
  data () {
    return {
      visible: false,
      view: {
        width: '50%',
        top: '5%',
        title: '授信流传记录'
      },
      obj: null,
      other: {}
    }
  },
  mounted () {},
  methods: {
    open (json) {
      this.obj = Object.assign({}, this.obj, json || {})
      console.log('获取的行数据', this.obj)
      this.visible = true
    }
  }
}
</script>

<style lang="scss" scoped>
.time {
  color: #999;
}
.fllow {
  display: flex;
  justify-content: space-between;
  color: #000;
  font-size: 14px;
  .state {
    color: #ff893d;
    &::before {
      content: '当前状态';
      color: #000;
      padding-right: 5px;
    }
  }
}
.des {
  color: #333;
  font-size: 14px;
}
</style>
